@charset "UTF-8";
*{
    padding: 0;
    margin: 0;
}
.flex{
    display: flex;
}
//游戏窗口
.container{
    width: 350px;
    height: 602px;
    margin: 0 auto;
    margin-top: 20px;
    position: relative;
    border: 3px solid red;
    overflow: hidden;
    //mask样式
    .mask{
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.7);
        position: absolute;
        left: 0;
        right: 0;
        justify-content: center;
        align-items: center;
        z-index: 2;
        .maskContent{
            text-align: center;
            padding: 0px 20px;
            .title{
                font-size: 1.4rem;
                color:#FEF002;
                font-weight: bold;
            }
            .sm{
                font-size: 1rem;
                color: white;
                margin-top: 20px;
            }
            .start{
                width: 80px;
                height: 30px;
                background: red;
                color: white;
                font-weight: bold;
                margin-top: 20px;
                border: none;
            }
        }
    }
    //游戏内容
    .gamesContent{
        width: 100%;
        height: 100%;
        position: absolute;
        margin-top: -9400px;
        z-index: 1;
        li{
            width: 100%;
            height: 100px;
            list-style: none;
            div{
                width: 87.5px;
                height: 99px;
                border: 1px solid black;
            }
        }
    }
    //time
    .time{
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 200px;
        height: 20px;
        text-align: center;
        transform: translateX(35%);
        margin-top: 20px;
        color: red;
        font-size: 20px;
        font-weight: bold;
        z-index: 3;
    }
}

//蚊子图片
.wenzi{
    background: url(../img/wenzi.png);
    background-size: auto 80%;
    background-repeat: no-repeat;
}
//拍死
.paisi{
    background: url(../img/paiwenzi.png);
    background-size: auto 80%;
    background-repeat: no-repeat;
}
//点错
.dc{
    border: 5px solid red;
}
